﻿@{
    Layout = null;
}


<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>会员消费积分管理平台</title>
    <link href="~/Content/Site.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/easyui/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/easyui/icon.css" rel="stylesheet" type="text/css" />
    <script src="~/Scripts/easyui/jquery-1.11.1.js" type="text/javascript"></script>
    <script src="~/Scripts/easyui/jquery-easyui-min.js" type="text/javascript"></script>
    <script src="~/Scripts/easyui/easyui-lang-zh_CN.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            //绑定菜单单击事件
            BindMenuClickHrefEvent();
            //实现Tab布局
            $("#ttTab").tabs({});

            $(".CloseAll").click(function () {
                $("#ttTab li").each(function (index, obj) {
                    //获取所有可关闭的选项卡
                    var tab = $(".tabs-closable", this).text();
                    $(".easyui-tabs").tabs('close', tab);
                });
            });
            $(".ExchangePassword").click(function () {
                $("#dlg").dialog({ width: 400, height: 400 }).dialog("setTitle", "修改个人密码").dialog("open");
                $("#frm").attr("src", "/Login/ExchangPassword");
            });
            $(".ExchangeMessage").click(function () {
                $("#dlg").dialog({ width: 400, height: 400 }).dialog("setTitle", "修改个人资料").dialog("open");
                $("#frm").attr("src", "/Login/ExchangeMessage");
            });
            var b_c, c;
            $(".ul-menu li").hover(
                function () {
                    b_c = $(this).css("background-color");
                    $(this).css("background-color", "#34AFFF");
                    c = $(this).css("color");
                    $(this).css("color", "#ffffff");
                    $(this).css("cursor", "pointer");
                },
                function () {
                    $(this).css("background-color", b_c);
                    $(this).css("color", c);
                }
            );
        });

        //实现用户单击导航栏跳转页面的方法
        function BindMenuClickHrefEvent() {
            $(".ul-menu li a").click(function () {
                //获取按钮里面的Src属性
                var src = $(this).attr("url");
                //将主框架的iframe跳转到菜单指向的地址，$("#frmWorkArea").attr("src", src);
                //Tab页面新增页面标签，每当单击左边的导航栏的时候跳转
                var titleShow = $(this).text();
                var strHtml = '<iframe id="frmWorkArea" width="100%" height="99%" frameborder="0" scrolling="no" src="' + src + '"></iframe>';
                //判断Tab标签中是否有相同的数据标签
                var isExist = $("#ttTab").tabs('exists', titleShow);
                if (!isExist) {
                    $("#ttTab").tabs('add', {
                        title: titleShow,
                        content: strHtml,
                        iconCls: 'icon-ok',
                        closable: true
                    });
                }
                else {
                    $('#ttTab').tabs('select', titleShow);
                }
            });


        }

    </script>
</head>
<body class="easyui-layout">
    <div data-options="region:'north',border:false" style="height: 60px; background: #2E70CC;padding:10px;
        color: #ffffff">
        <div style="float: left;">
            <img alt="Logo" src="/Content/images/logo.png" width="120" height="40" />
        </div>
        <div style="float: left; font-size: 14px; padding-left: 30px; padding-top: 15px;">
            会员消费积分管理平台&nbsp;&nbsp;&nbsp;&nbsp; 当前用户:

        </div>
        <div class="link" style="float: right;font-size: 14px; padding-right:100px; padding-top: 10px;background: #2E70CC;">
            <a href="#" class="easyui-linkbutton CloseAll" data-options="plain:true,iconCls:'icon_Delete'">关闭全部</a>
            <a href="#" class="easyui-menubutton" data-options="menu:'#mm1',iconCls:'icon_Person2'">
                账号管理
            </a>
        </div>
        <div id="mm1" style="width: 150px;">
            <div data-options="iconCls:'icon_PersonEdit'">
                <a href="#" class="ExchangeMessage">修改个人资料</a>
            </div>
            <div class="menu-sep">
            </div>
            <div data-options="iconCls:'icon_Edit'">
                <a href="#" class="ExchangePassword">修改密码</a>
            </div>
            <div class="menu-sep">
            </div>
            <div data-options="iconCls:'icon-back'">
                @Html.ActionLink("退出系统", "Logout", "Admin")
            </div>
        </div>
    </div>
    <div data-options="region:'west',split:true,title:'菜单导航'" style="width: 180px;">
        <div class="easyui-accordion" data-options="fit:true,border:false">

            <div title="系统管理" style="padding: 10px;">
                <ul class='ul-menu'>
                    <li><a url="/Shop/Index">店铺管理</a></li>
                    <li><a url="/CardLevel/Index">会员等级管理</a></li>
                </ul>
            </div>

            <div title="用户管理" style="padding: 10px;">
                <ul class='ul-menu'>
                    <li><a url="/User/Index">用户列表</a></li>
                </ul>
            </div>

            <div title="礼品管理" style="padding: 10px;">
                <ul class='ul-menu'>
                    <li><a url="/ExchangGift/Index">礼品列表</a></li>
                </ul>
            </div>
            <div title="会员管理" style="padding: 10px;">
                <ul class='ul-menu'>
                    <li><a url="@Url.Action("Index","MemberCard")">会员列表</a></li>
                </ul>
            </div>
            <div title="会员消费" style="padding: 10px;">
                <ul class='ul-menu'>
                    <li><a url="/ConsumeOrder/Fastconsumption">快速消费</a></li>
                    <li><a url="/ConsumeOrder/Memreduceintegral">会员减积分</a></li>
                    <li><a url="/ConsumeOrder/Index">消费历史记录</a></li>
                </ul>
            </div>
            <div title="积分兑换" style="padding: 10px;">
                <ul class='ul-menu'>
                    <li><a url="/Gift/Index">礼品列表</a></li>
                    <li><a url="/ConsumeOrder/Integralcash">积分兑换礼品</a></li>
                    <li><a url="/LogGift/Index">兑换历史记录</a></li>
                </ul>
            </div>

            <div title="统计中心" style="padding: 10px;">
                <ul class='ul-menu'>
                    <li><a url="/ConsumeOrder/ConsumeStatConsumeOrder">快速消费统计</a></li>
                    <li><a url="/ConsumeOrder/MemConsumeStatConsumeOrder">会员消费情况统计</a></li>
                    <li><a url="/ConsumeOrder/DecreaseStatConsumeOrder">减积分统计</a></li>
                    <li><a url="/ConsumeOrder/BakeStatConsumeOrder">积分返现统计</a></li>
                    <li><a url="/ExchangLog/ExchangLog">礼品兑换统计</a></li>
                </ul>
            </div>

        </div>
    </div>
    <div data-options="region:'center'" style="overflow: hidden;">
        <div id="ttTab" class="easyui-tabs" data-options="tools:'#tab-tools',border:false,fit:true"
             style="overflow: hidden;">
        </div>
    </div>
    <div data-options="region:'south',border:false" style="height: 40px; padding: 10px;
        background: #2E70CC; text-align: center; color: #ffffff">
        版权所有 @@copy @DateTime.Now.Year 会员消费积分管理平台
    </div>
    <div id="dlg" class="easyui-dialog" data-options="modal:true,closed:true">
        <iframe id="frm" width="99%" height="98%" frameborder="0" scrolling="no"></iframe>
    </div>
</body>
</html>
